@{ViewBag.Title = "Paging";}
@section CssImport{<link href="@Url.Content("~/Scripts/validationEngine/validationEngine.jquery.css")" rel="stylesheet" type="text/css" />}
@section JavascriptImport{
<script type="text/javascript" src="@Url.Content("~/Scripts/validationEngine/jquery.validationEngine.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/validationEngine/jquery.validationEngine-en.js")"></script>}

<table>
@if (!ViewData.ModelState.IsValid)
   { 
     <tr>
        <th colspan="2">
           <h1 style="font-Size:30px"><font color="white">@Html.ValidationMessage("Error")</font></h1>
        </th>       
    </tr>
   
   }
<tr>
<td colspan="2">  
   
   <form action="~/AIT_EquipoDisponible/Crear" method="post">
    Nombre : <input type="text" id="Nombre" name="Nombre" title="Ingresar el Nombre que se le va a dar al Equipo Disponible (ejm. Equipo de gerencia)"/>
    Descripcion : <input type="text" id="Descripcion" name="Descripcion" title="Ingresar la descripcion del equipo disponible"/>
    <input type="hidden" id="GuidEquipo" name="GuidEquipo" />
    <input type="hidden" id="GuidAccesorios" name="GuidAccesorios" />
    <input type="submit" value="Guardar Asignacion"  class="button medium green" />
@*    <a href="/AIT_EquipoIT/Equipos" class="button medium pink" >Equipos</a>
    <a href="/AIT_EquipoIT/Accesorios" class="button medium orange" >Accesorios</a>*@
    <a href="~/AIT_EquipoDisponible" class="button medium blue" >Administrar Equipos Disponibles</a>
   </form>

</td>

</td>
</tr>
<tr>
<td>
   <div id="MyTableEquipos" style="width : 500px"></div>
</td>
<td>
   <div id="MyTableAccesorios" style="width : 500px"></div>
</td>
</tr>
</table>



<script type="text/javascript">
    $(document).ready(function () {
        $('#MyTableEquipos').jtable({
            title: 'Seleccionar Equipo',
            paging: true,
            pageSize: 10,
            sorting: false,
            selecting: true, //Enable selecting            
            multiselect: false, //Allow multiple selecting            
            selectingCheckboxes: true, //Show checkboxes on first column
            defaultSorting: 'Id ASC',
            actions: {
                listAction: '@Url.Action("../AIT_EquipoIT/JSONListaEquiposSinAsignar")'
            },
            fields:
         {
             Id: {
                 key: true,
                 create: false,
                 edit: false,
                 list: false
             }
             ,
             Guid: {
                 type: 'hidden'
             }
             ,
             Codigo: {
                 type: 'hidden'
             }
             ,
             CodigoSerialNumber: {
                 title: 'Num. Serie',
                 create: true,
                 edit: true,
                 list: true,
                 inputClass: 'validate[required]',
                 sorting: false
             }
             ,
             Descripcion: {
                 title: 'Descripcion',
                 create: true,
                 edit: true,
                 list: true,
                 sorting: false
             }
             ,
             ModeloEquipoId_FK: {
                 title: 'Modelo',
                 create: true,
                 edit: true,
                 list: true,
                 options: '@Url.Action("../AIT_ModeloEquipo/JSONGetElementsForDropDownList")'
             }
             ,
             ProveedorId_FK: {
                 title: 'Proveedor',
                 create: true,
                 edit: true,
                 list: true,
                 options: '@Url.Action("../AIT_Proveedor/JSONGetElementsForDropDownList")'
             }
         },


            //Register to selectionChanged event to hanlde events
            selectionChanged: function () {
                //Get all selected rows
                var $selectedRows = $('#MyTableEquipos').jtable('selectedRows');


                if ($selectedRows.length > 0) {
                    //Show selected rows
                    $selectedRows.each(function () {
                        var record = $(this).data('record');
                        document.getElementById("GuidEquipo").value = record.Guid;
                    });
                } else {
                    //No rows selected
                    document.getElementById("GuidEquipo").value = 'SinDatos';
                }
            }


        }); //fin de JTable

        $('#MyTableEquipos').jtable('load');



        ////////////////////////ACCESORIOS


        $('#MyTableAccesorios').jtable({
            title: 'Seleccionar Accesorios',
            paging: true,
            pageSize: 10,
            sorting: false,
            selecting: true, //Enable selecting            
            multiselect: true, //Allow multiple selecting            
            selectingCheckboxes: true, //Show checkboxes on first column
            defaultSorting: 'Id ASC',
            actions: {
                listAction: '@Url.Action("../AIT_EquipoIT/JSONListaAccesoriosSinAsignar")'
            },
            fields:
         {
             Id: {
                 key: true,
                 create: false,
                 edit: false,
                 list: false
             }
             ,
             Guid: {
                 type: 'hidden'
             }
             ,
             Codigo: {
                 type: 'hidden'
             }
             ,
             CodigoSerialNumber: {
                 title: 'Num. Serie',
                 create: true,
                 edit: true,
                 list: true,
                 inputClass: 'validate[required]',
                 sorting: false
             }
             ,
             Descripcion: {
                 title: 'Descripcion',
                 create: true,
                 edit: true,
                 list: true,
                 sorting: false
             }
             ,
             ModeloEquipoId_FK: {
                 title: 'Modelo',
                 create: true,
                 edit: true,
                 list: true,
                 options: '@Url.Action("../AIT_ModeloEquipo/JSONGetElementsForDropDownList")'
             }
             ,
             ProveedorId_FK: {
                 title: 'Proveedor',
                 create: true,
                 edit: true,
                 list: true,
                 options: '@Url.Action("../AIT_Proveedor/JSONGetElementsForDropDownList")'
             }
         },


            //Register to selectionChanged event to hanlde events
            selectionChanged: function () {
                //Get all selected rows
                var $selectedRowsA = $('#MyTableAccesorios').jtable('selectedRows');

                if ($selectedRowsA.length > 0) {
                    //Show selected rows
                    $selectedRowsA.each(function () {
                        var recordA = $(this).data('record');
                        document.getElementById("GuidAccesorios").value = recordA.Guid + ',' + document.getElementById("GuidAccesorios").value;
                    });
                } else {
                    //No rows selected
                    document.getElementById("GuidAccesorios").value = 'Sin Datos';
                }
            }


        }); //fin de JTable

        $('#MyTableAccesorios').jtable('load');



















        $('#AgregarAccesorios').button().click(function () {
            var $selectedRows = $('#MyTableContai').jtable('selectedRows');
            var guid = '';
            $selectedRows.each(function () {
                var record = $(this).data('record');
                guid = record.Guid;
            });
            window.location.href = "http://stackoverflow.com?Guid=" + guid;
        });
        $('#Terminar').button().click(function () {
            var $selectedRows = $('#MyTableContainer').jtable('selectedRows');
            var guid = '';
            $selectedRows.each(function () {
                var record = $(this).data('record');
                guid = record.Guid;
            });
            window.location.href = "http://stackoverflow.com?Guid=" + guid;
        });

    });
</script>

